<#include "/admin/common/layout/__mainlayout.html">
<#assign pageBreadCrumbs>
<li><a href="#">项目中心</a></li>
<li class="active">担保项目</li>
</#assign> 

<@mainlayout pageBreadCrumbs=pageBreadCrumbs currentMenu="morePageFlag-pricingTableFlag">
<!-- pageHeader begin -->

<!-- pageHeader end -->
<!-- pageContent begin -->
<div class="row">
	<div class="col-xs-12">
											<div class="tabbable">
											<ul class="nav nav-tabs" id="myTab">
												<li class="active">
													<a data-toggle="tab" href="#home">
														<i class="green ace-icon fa fa-bookmark bigger-120"></i>
														在途项目
													</a>
												</li>

												<li>
													<a data-toggle="tab" href="#messages">
														<i class="green ace-icon fa  fa-asterisk bigger-120"></i>
														在保项目
													</a>
												</li>											

											</ul>

		<div class="tab-content">
		<div id="home" class="tab-pane fade in active">
		<div class="row">
			<div class="col-xs-12">
				<table id="sample-table-1"
					class="table table-striped table-bordered table-hover">
					<thead>
						<tr>
							<th class="hidden-480">项目编号</th>
							<th>企业名称</th>
							<th>业务品种</th>
							<th>担保金额</th>
							<th class="hidden-480">期限</th>
							<th class="hidden-480">责任A角</th>
							<th class="hidden-480">责任部门</th>
							<th class="hidden-480">上会通过月份</th>
							<th >进度</th>
						</tr>
					</thead>

					<tbody>
										<#list onRoadProjectPage.getList() as onRoadProject>
										<tr>
											<td class="hidden-480">${onRoadProject.项目编码}</td>
											<td>${onRoadProject.企业名称}</td>
											<td>${onRoadProject.业务品种}</td>
											<td><b class="blue">${onRoadProject.担保金额}</b></td>
											<td class="hidden-480">${onRoadProject.期限}</td>
											<td class="hidden-480">${onRoadProject.责任A角}</td>
											<td class="hidden-480">${onRoadProject.责任部门}</td>
											<td class="hidden-480">${onRoadProject.上会通过月份}</td>
											<td>
											<#if onRoadProject.项目管理状态 = "1.评审会通过未发担保意向书">
											<span class="label label-sm label-warning">过会</span>
											<#elseif onRoadProject.项目管理状态 = "2.已发意向书未获得银行回复">
											<span class="label label-sm label-success">意向</span>
											<#else>
											<span class="label label-sm label-inverse arrowed-in">签约</span>
											</#if>
											</td>										
										</tr>
										</#list>
					</tbody>
					</table>
					<div >
					<ul class="pagination">
						<li class="disabled"><a href="#"> <i
								class="ace-icon fa fa-angle-double-left"></i>
						</a></li>

						<li class="active"><a href="#">1</a></li>

						<li><a href="#">2</a></li>

						<li><a href="#">3</a></li>

						<li><a href="#">4</a></li>

						<li><a href="#">5</a></li>

						<li><a href="#"> <i
								class="ace-icon fa fa-angle-double-right"></i>
						</a></li>
					</ul>
				</div>
		</div>
		</div>

		</div>
		
		<div id="messages" class="tab-pane fade">
		
		<div class="row">
			<div class="col-xs-12">
				<table id="sample-table-1"
					class="table table-striped table-bordered table-hover">
					<thead>
						<tr>
							<th class="hidden-480">项目编号</th>
							<th>企业名称</th>
							<th>业务品种</th>
							<th>放款金额</th>
							<th class="hidden-480">放款日期</th>
							<th class="hidden-480">还款到期日</th>
							<th>还款情况</th>
						</tr>
					</thead>

					<tbody>
						<#list onGuaranteeList as onGuarantee>
							<tr>
								<td class="hidden-480">${onGuarantee.项目编码}</td>
								<td>${onGuarantee.企业名称}</td>
								<td>${onGuarantee.业务品种}</td>
								<td> <b class="red">${onGuarantee.放款金额}</b></td>
								<td class="hidden-480">${onGuarantee.放款日期}</td>
								<td class="hidden-480">${onGuarantee.还款到期日}</td>
								<td>
								<#if onGuarantee.差额= 0 >
								<span class="label label-sm label-success">正常</span>
								<#elseif onGuarantee.差额 != 0>
								<span class="label label-sm label-warning">异常</span>
								</#if>
								</td>								
							</tr>
						</#list>
					</tbody>
					</table>
					<div class="container">
					<ul class="pagination">
						<li class="disabled"><a href="#"> <i
								class="ace-icon fa fa-angle-double-left"></i>
						</a></li>

						<li class="active"><a href="#">1</a></li>

						<li><a href="#">2</a></li>

						<li><a href="#">3</a></li>

						<li><a href="#">4</a></li>

						<li><a href="#">5</a></li>

						<li><a href="#"> <i
								class="ace-icon fa fa-angle-double-right"></i>
						</a></li>
					</ul>
				</div>
		</div>
		</div>		
		</div>				
		</div>
<!-- /section:elements.tab -->
</div><!-- /.col -->
	</div>
</div>

<!-- pageContent end -->
</@mainlayout>
